body
{
	background: #FFF;

	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif, "bitstream vera sans";
	color: #666;
}

#top {
background-color: #356AA0;
background: url('images/topgrad.png')repeat-x;
width: 100%;
height: 100px;

}

#title {
color: #FFF;
font-size: 3em;
padding-left: 50px;
padding-top: 20px;
}

#navigation {
width: 800px;
margin-left: auto;
margin-right: auto;
height: 28px;
text-align: right;
margin-top: -10px;
}

#navigation li {
list-style-type: none;
display: inline;
font-size: 1.5em;

}

#navigation li a
{
	color: #FFF;
	text-decoration: none;
	padding: 10px 10px 4px 10px;
	text-align: center;
}

#navigation a:hover
{
	background: #eee;
	color: #111;

	border-bottom: solid 1px #aaa;
}

#navigation a.active {
background: #FFF;
color: #111;
border-bottom: solid 2px #FFF;
}

#contentcontainer
{
	width: 100%;
	background: #FFF;
	}

#contentshadow
{
	margin: 0 auto;
	width: 850px;
	background: #FFF url('images/content.jpg') repeat-y;
}

#content
{
	margin: 0 auto;
	min-height: 450px;
	width: 800px;
	padding: 10px 10px 10px 10px;
	background: #FFF;
	line-height: 150%;
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;

}
#contentleft {
	float:left;
	width:550px;
}

#contentright
{
	border-left: 1px solid #BBB;
	padding-left: 10px;
	float: right;
	width: 209px;

	min-height: 450px;
}

a {
color: #303030;
text-decoration: none;
}

a:hover {
text-decoration: underline;
color: #000;
}

h1 {
border-bottom: solid 4px #356AA0;
padding-left: 15px;

}

p {
padding: 10px;
margin-top: 5px;
}

h2 {
font-size: 1.3em;
margin: 20px 0px 5px 0px;
padding: 3px 0px 0px 5px;
}

#footer
{
background-color: #356AA0;
background-image: url('images/topgrad.png');
width: 100%;
height: 100px; 
color: #FFF;
text-align: center;
}

#footercon {
color: #FFF;
text-align: center;
padding-top:25px;
}
#footercon a {
color: #FFF;
text-decoration: underline;
}

#footercon a:hover {
color: #000;
background-color: transparent;
}

#content table {border-collapse:collapse; width:550px;}
#content table td { padding: 2px 4px;  white-space: nowrap;}
#content table tr {border-bottom: 1px solid #eee}
a img {border:0;}
#content td:last-child{text-align:right;}
#content td:first-child{width: 300px;}
#content td div, div.overflow{ width: 300px; white-space: nowrap;overflow: hidden; height:24px;}
#content input {
font-size:18px;
font-family: Arial, Helvetica, sans-serif;
color: #666;
padding:4px;
}

#contentright ul {padding-left:15px;}
:focus{-moz-outline-style: none;}
a:active {outline: none;}
